<template>
	<view class="modelInfo">
		<image src="../../../static/image/bg.jpg" mode="widthFix"></image>
		<view class="title">
			会员折扣日，享9折优惠

		</view>

		<view class="info">
			活动时间124让我去儿童围栏推荐我去两个
		</view>
	</view>
</template>

<script setup>
	const {
		mourn,
		theme
	} = useStore()
	const {
		Theme,
		onShow
	} = useTheme()
	const {
		proxy
	} = getCurrentInstance()
	onLoad((options) => { //获取路由参数
		console.log(options)

	})
	// onLoad(() => {
	// 	initData()
	// })
	const initData = () => {
		console.log(123)
	}
</script>

<style lang="scss">
	.modelInfo {
		width: 100%;
		height: 100%;
		// padding: 10px;
		box-sizing: border-box;
		background: #fff;
		overflow: hidden;

		image {
			width: 100%
		}

		.title {
			color: #f6fbfe;
			font-size: 30px;
			font-weight: bold;
			font-family: "微软雅黑";
			// text-shadow: 1px 1px 2px #789000;
			position: absolute;
			top: 10%;
			left: 50%;
			transform: translate(-50%, -50%);

		}

		.info {
			width: 80%;
			height: auto;
			background: rgba(0, 0, 0, 0.5);
			border-radius: 20px;
			padding: 10px 15px;
			box-sizing: border-box;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

		}

	}
</style>